<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p1_CSS的三种位置</title>
    <!-- 3.CSS外部样式
    rel="stylesheet"表示引入的文件类型是CSS href引入的CSS文件路径-->
    <link rel="stylesheet" href="01.css">
    <!-- 2.CSS内部样式-->
    <style>
        /* 选择器 */
        p {
            color: blue;
        }
        div {
            color: green;
        }
        h2 {
            color: pink !important;
        }
    </style>
</head>
<body>
    <!-- 1.CSS行内样式 加在当前行,只对当前行元素生效-->
    <h4 style="color: red;background-color: yellow">我是标题1</h4>
    <h4>我是标题2</h4>
    <h4>我是标题3</h4>

    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>

    <div>我是div</div>
    <div>我是div</div>
    <div>我是div</div>

    <h2 style="color: red">啦啦啦啦</h2>
</body>
</html>